<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>客服在线</title>
</head>
<body>
<h1>网上咨询</h1>
<div id="message_body">

</div>

<script>
    function $(id) {
        return document.getElementById(id)
    }

    window.onload = function (evt) {
        // ws表示websocket 的协议
        var socket = new WebSocket('ws://192.168.43.33:8000/message')

        // 设置打开socket连接的回调函数
        socket.onopen = function(ev2){
            console.log('--onopen--')
            console.log(ev2)
        }

        // 接收服务端发送的信息
        socket.onmessage = function (ev2) {
            console.log('--onmessage--')
            console.log(ev2)
            data = ev2.data;
            $('message_body').innerHTML
        }

        // 接收到错误信息的回调函数
        socket.onerror = function (ev2){
            console.log('--onerror--')
            console.log(ev2)
        }
    }
</script>
</body>
</html>